<!doctype html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="../css/functionsDraw.css">
</head>
<body>

<div class="view">
    <a class="back" href="MenuHigherMathematics.html">back</a>
    <h1>函数图像绘制</h1>
    <p class="note">在下面写出你想写的表达式</p>
    <div class="panel">
        <label>
            <input type="text" class="funcInput" placeholder="例如：sin(x);x**2;x;ln(x)，分号分隔不同的函数">
            <button class="updateFunc">更新函数！</button>
            <button class="gridSwitch">开启网格</button>
            <button class="numberSwitch">开启刻度数字</button>
            <span>当前网格宽度</span>
            <input type="Number" value="1" class="gridLen">
            <span>自定义设置图像显示范围</span>
            <input type="Number" value="10" class="rageSetFree">
        </label>
    </div>
    <canvas class="mainCanvas" width="300" height="300"></canvas>
    <div class="panel">
        <div class="note">拖动缩放范围</div>
        <label>
            <input type="range" min="0.0001" max="100" value="10" class="rangeSet">
        </label>
    </div>

</div>

</body>
</html>

<script src="../js/mathTools.js"></script>
<script src="../js/functionDraw.js"></script>
